/** document general options **/
body { font-size:14px; font-family:Arial,Liberation Sans,DejaVu Sans,sans-serif; background: url(../Images/bg-body.gif) repeat-x #e8e8dd; }
body, html { height:100% }

h1 { font-size: 180%; }
h2 { font-size: 150%; }
    h2.category { font-weight:bold; margin:10px; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }

a { text-decoration: none; color: #1E69FF; }
a:hover { text-decoration:underline; }
a:visited { color: #184182; }
small { font-size: 80%; }
em { font-style: italic; }

code { font-family:Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; background-color:#eeeeee; }
pre { padding:5px; font-family:Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; margin-bottom:10px; background-color:#eeeeee; overflow:auto; width:auto; width:650px !ie7;padding-bottom:20px !ie7; max-height:600px; }
blockquote { margin-bottom:10px ;padding:10px 10px 1px 10px; background-color:#eeeeee; }

span.clearfix { width:100%; height:0px; visibility:hidden; clear:both; display:block; margin:0; padding:0; font-size:0px; }
.hidden { display:none; }
.bottom-10 { margin-bottom:10px; }
.bottom-20 { margin-bottom:20px; }
.align-left { float:left; }
.align-right { float:right; }

/** text colors assigned to elements in various areas **/
.yellow { color:#FFD90F !important; }
.light-blue { color:#a6b7c0 !important; }
.blue { color:#508db8 !important; }
.grey { color:#999; }
.light-grey { color:#999 !important; font-style:italic;}
.white { color:#fff; }
.value { font-weight:bold; font-size:125%; }
.opacity-70 { opacity: 0.7; filter: alpha(opacity=70); zoom: 1; }
.half { width: 49% !important; }

/** notifications **/
.notification { position: relative; margin: 0 0 15px 0; padding: 0; border: 1px solid; background-position: 10px 11px !important; background-repeat: no-repeat !important; font-size: 13px; width: 99.8%}
.attention { background: #fffbcc url(../Images/icons/exclamation.png) 10px 11px no-repeat; border-color: #e6db55; color: #666452; }
.information { background: #dbe3ff url(../Images/icons/information.png); border-color: #a2b4ee; color: #585b66; }
.success { background: #d5ffce url(../Images/icons/tick_circle.png); border-color: #9adf8f; color: #556652; }
.error { background: #ffcece url(../Images/icons/cross_circle.png); border-color: #df8f8f; color: #665252; }
.notification div { display:block; font-style:normal; padding: 10px 10px 10px 36px; line-height: 1.5em; }

.infobox { position: absolute; z-index: 100; top: 5px; right: 5px;  padding: 3px; background-color: #222; color: #eee; }

div#container { width:980px; position:relative; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -133px; }
.push { height:133px; }

div#notifications { position: fixed; top: 0; width: 100%; z-index: 100;  background: url('../Images/shadow.png') repeat-x 0px 33px; padding-bottom:5px; }
    div#notifications .top-notification { background-color: #ff3700; color: #fff; padding: 10px; font-size: 130%; font-weight: bold; }
    div#notifications .top-notification .close { top: -3px; position: relative; padding: 0 3px 3px 3px; border: 1px solid #fff; float: right; }
    div#notifications .top-notification .close:hover { background-color: #fff; color: #ff3700; cursor: pointer; }

ul#tabs { float: right; margin: 0; padding: 0; }
ul#tabs li { float: left; margin-left: 10px; padding: 5px; border: 1px solid #aaa; border-bottom: none; height: 20px; background-color: #fff; }
ul#tabs li a { font-weight: bold; font-size: 120%; }
ul#tabs li:hover { background-color: #e5e5e5; cursor: pointer; }

/** HEADER AND NAVIGATION **/
div#header { padding-top:20px; }
	div#header h1 { font-size:250%; font-weight:bold; float:left; width:450px; 
	/** mac safari & firefox hack */height:39px;/**/}
	div#header h1 a { color:#fff; text-decoration:none; }
	div#header h1 a:hover { color:#ccc; }
	
	/** header userbox **/
	p#userbox { float:right; color:#c1cad0; background:url(../Images/icon-greet-user.gif) no-repeat 0px 0px; padding:0px 0px 0px 18px; margin-top:10px; }
	p#userbox a { color:#ceac0f; text-decoration:none; font-weight:bold; }
	p#userbox a:hover { color:#fff; }
	p#userbox small { display:block; margin-top:5px; color:#8d9599; font-size:0.9em; }
	
	div#top { margin-bottom:18px; }
/** END OF HEADER **/

/** CONTENT **/
div#content { padding-top:25px; }

	/** main heading of the page **/
	div#content-top { border-bottom:1px solid #bcbcb7; margin-bottom:15px; }
		div#content-top h2 { font-size:200%; font-weight:bold; color:#373d40; margin-left:12px; float:left; }
		div#content-top h3 { float:right; display:inline-block; font-style:italic; color:#999; margin-top:10px; }
		
	/** box general settings **/
	div.box { margin-bottom:15px; width:100%; }
	div.box-container { background-color:#fff; padding:10px; }
	div.box-container p { margin-bottom: 5px; }
	div.box-container h5 { color:#333; padding-left:20px; border-bottom:1px solid #d7d9d9; font-weight:bold; padding-bottom:7px; margin-bottom:1px; padding-top: 1px; }
	div.box-container h5 span { font-weight:normal; font-size:0.9em; }
	div.box h4 { padding:10px; border-bottom: 2px solid #efefef; }
	
	/** columns **/
	div#left-col, div#mid-col { float:left; margin-right:12px; }
	div#mid-col { width:510px; }
	div#right-col { margin-right:0px; float:right; }
	div#left-col, div#right-col { width:223px; }
	div.full-col { width:100% !important; margin-right:0px !important; }
	
	table { }
	table tr td { padding: 5px; }
	
	/** forms **/
	form { padding:5px; color:#3a4043}
	form p, form .editor-field { margin-bottom: 10px; }
	
    label { margin:10px 15px 0 0; font-size:120%; }
	input[type="text"], input[type="password"] { padding:5px; border:1px solid #dedede; background:url(../Images/bg-textbox.gif) repeat-x #fff; }
	input[type="radio"], input[type="checkbox"] { border:none; background:none; }
	textarea { font-size:14px; font-family:Arial,Liberation Sans,DejaVu Sans,sans-serif; }
	input.txtbox-short { width:122px; }
	input.txtbox-middle { width:190px; }
	input.txtbox-long { width:305px; }
	input.txtbox-full { width:95%; }
	
	/* form validation messages */
	form span.field-validation-error { font-size: 90%; color: #ff0000; }
	
	.tags { line-height: 30px; }
	.tags a.tag { white-space: nowrap; padding: 3px; background-color:#eee; border-bottom:1px solid #bcbcb7; }
	.tags a.tag:hover { background-color: #bcbcb7; cursor: pointer; }
	
	.achievement { background-color: #333; padding: 5px; color: #eee; }
	
	#post-stats { margin-top: 10px; }
	#post-stats div { margin-bottom: 20px; }	
	#post-stats .post-info strong { font-size: 130%; }
	
	.category { }
	.category h2 { font-size: 180%; }
	
    .forum, .thread, .post { border-bottom: 1px solid #eee; padding: 5px; }
    .forum:hover, .thread:hover { background-color: #fafafa; }
    .forum .counts, .thread .counts { width: 150px; float:left; }
        .forum .counts .count, .thread .counts .count { font-size: 120%; color:#ccc; margin-right:20px; float:left; text-align:center; }
        .forum .counts .count span, .thread .counts .count span { font-size: 180%; }
    .forum .title, .thread .title { font-size:130%; font-weight:bold; margin-bottom: 10px; }
    .forum .description .thread .description { }
    .forum .tags, .thread .tags {  }
    .forum .by, .thread .by { float:right; color:#aaa; }
    
    .post .post-body { line-height: 22px; margin-bottom: 15px; }
        .post .post-body p { margin-bottom: 5px; }
    .post .post-actions { margin-top: 20px; float: left; display: block; }
    .post .post-actions .trigger { display: inline; }
    .post .post-actions .trigger .menu { display: none; position: absolute; padding: 10px; background-color: #666; color: #fff; max-width: 200px; z-index: 100; }
    .post .post-actions .trigger:hover .menu { display: block; }
    .post .post-actions .trigger:hover a { background-color: #666; color:#eee; }
    .post .post-actions .trigger a { padding: 3px; color: #999; }
    .post .post-actions .trigger a:hover { background-color: #666; color:#eee; }
    .post .post-actions .trigger a img { vertical-align: middle; }
    
    /* post ratings */
    .post .post-ratings { display: inline; }
    .post-action.post-rating { display: none; }
        .post-action.post-rating img { vertical-align: middle; }
    .post:hover .post-action.post-rating { display: inline; }
    
    .user-info, .social-card { background-color:#f0f0f0; padding:5px; width:150px; }
    .user-info .user-avatar { float:left; width:32px; height:32px; margin-right:5px; }
    .user-info .user-name {  }
    .user-info .post-count { font-weight:bold; font-size:120%; color:#555; }
    .user-info .social { float: right; width: 16px; }
    
    .social-card { width: 95% !important; height: 50px; }
    .social-card img { float: left; margin-right: 10px; }
    
	/** FOOTER **/	
	div#footer-wrap { background:url(../Images/bg-footer.gif) repeat-x; height:113px; position:relative; }
	div#footer { width:960px; margin:0 auto; padding:10px; }
	
	div#footer-top { color:#f2f2f2; }
	div#footer-top h4 { color:#eee; margin:5px 0; font-size:120%; font-weight:bold; }
	div#footer-top a { color:#adc3d3; font-weight:bold; font-size:0.9em; text-decoration:none; }
	div#footer-top a:hover { color:#fff; }
	
	div#footer-top h2 { float:left; font-size:160%; text-transform:uppercase; padding-top:10px; padding-right:10px; font-weight:bold; }
	div#footer-top h2 a { color:#a1a5a6; }
	div#footer-top h2 a:hover { color:#c7cdcf; }
	
	div#footer-bottom { margin-top:25px; }
	div#footer-bottom p { color:#717272; font-size:0.9em; }
	div#footer-bottom p a { color:#ccc; text-decoration:none; }